<!DOCTYPE html>

<html class="app-ui">

    <head>
        <!-- Meta -->
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />

        <!-- Document title -->
        <title>万邦-云阅卷</title>

        <meta name="description" content="AppUI - Admin Dashboard Template & UI Framework" />
        <meta name="author" content="rustheme" />
        <meta name="robots" content="noindex, nofollow" />

        <!-- Favicons -->
        <link rel="apple-touch-icon" href="assets/img/favicons/apple-touch-icon.png" />
        <link rel="icon" href="assets/img/favicons/favicon.ico" />

        <!-- Google fonts -->
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,900%7CRoboto+Slab:300,400%7CRoboto+Mono:400" />

        <!-- Page JS Plugins CSS -->
        <link rel="stylesheet" href="assets/js/plugins/slick/slick.min.css" />
        <link rel="stylesheet" href="assets/js/plugins/slick/slick-theme.min.css" />

        <!-- AppUI CSS stylesheets -->
        <link rel="stylesheet" id="css-font-awesome" href="assets/css/font-awesome.css" />
        <link rel="stylesheet" id="css-ionicons" href="assets/css/ionicons.css" />
        <link rel="stylesheet" id="css-bootstrap" href="assets/css/bootstrap.css" />
        <link rel="stylesheet" id="css-app" href="assets/css/app.css" />
        <link rel="stylesheet" id="css-app-custom" href="assets/css/app-custom.css" />
        <!-- End Stylesheets -->
    </head>

    <body class="app-ui layout-has-drawer layout-has-fixed-header">
		<script type="text/javascript" src="assets/js/jquery.min.js"></script>
				<script type="text/javascript" src="assets/js/address.js"></script>
		
				<script type="text/javascript">
					$(function() {
						var url = userconterurl + "getUAccountInfo";
						$("#loginName").html("张三 <span class='caret'></span>");
						var token = sessionStorage.getItem("token");
						/* if(token=="" || token==null){
							checktoken();
						} */
						//test();
						
						/*token验证*/
						function checktoken(){						
								alert("登陆超时，请重新登陆");
								window.location.href="login.html"; 						
						}
					
		                  /*redis获取信息*/
						function test() {
							$.ajax({
								headers: {
									"token": token
								},
								type: "get",
								//data:{_method:put},
								//数据，json字符串,规定连同请求发送到服务器的数据
		                        //data : JSON.stringify(list),
								url: url,
								contentType: "application/x-www-form-urlencoded",
								success: function(data) {
									console.log(data);
								},
								//请求失败，包含具体的错误信息
								error: function(e) {
									checktoken();
								}
							});
						}
		               /* 注销*/
		            $("#loginout").click(function(){
						sessionStorage.removeItem('token');
						window.location.href="login.html"; 
						return false;
					});
		
		
		
		
		
					})
				</script>
		
        <div class="app-layout-canvas">
            <div class="app-layout-container">

                <!-- Drawer -->
                <aside class="app-layout-drawer">

                    <!-- Drawer scroll area -->
                    <div class="app-layout-drawer-scroll">
                        <!-- Drawer logo -->
                        <div id="logo" class="drawer-header">
                            <a href="index.html"><h4 style=" text-align:center">云阅卷</h4></a>
                        </div>

                        <!-- Drawer navigation -->
                        <nav class="drawer-main">
                            <ul class="nav nav-drawer">

                               
                                <li class="nav-item nav-drawer-header">菜单导航</li>

                                <li class="nav-item nav-item-has-subnav">
                                    <a href="javascript:void(0)"><i class="ion-ios-calculator-outline"></i>考试管理</a>
                                    <ul class="nav nav-subnav">

                                        <li>
                                            <a href="examList.html">考试列表</a>
                                        </li>

                                        <li>
                                            <a href="createExam.html">创建考试</a>
                                        </li>
                                    </ul>
                                </li>

                                <li class="nav-item nav-item-has-subnav">
                                    <a href="javascript:void(0)"><i class="ion-ios-compose-outline"></i> 在线阅卷</a>
                                    <ul class="nav nav-subnav">

                                        <li>
                                            <a href="examSetting.html">阅卷设置</a>
                                        </li>

                                        <li>
                                            <a href="examPapers.html">我要阅卷</a>
                                        </li>

                                        <li>
                                            <a href="examProblemPapers.html">问题卷处理</a>
                                        </li>
                                        <li>
                                            <a href="examProgress.html">进度监控</a>
                                        </li>

                                        <li>
                                            <a href="examQuality.html">质量抽查</a>
                                        </li>

                                    </ul>
                                </li>


                                <li class="nav-item nav-item-has-subnav">
                                    <a href="javascript:void(0)"><i class="ion-ios-list-outline"></i> 成绩管理</a>
                                    <ul class="nav nav-subnav">

                                        <li>
                                            <a href="examReport.html">考试成绩单</a>
                                        </li>

                                        <li>
                                            <a href="examSubReport.html">单科试题得分表</a>
                                        </li>

                                        <li>
                                            <a href="gradeAnalyze.html">年纪成绩分析</a>
                                        </li>

                                        <li>
                                            <a href="classAnalyze.html">班级成绩分析</a>
                                        </li>

                                    </ul>
                                </li>

                                <li class="nav-item nav-item-has-subnav">
                                    <a href="javascript:void(0)"><i class="ion-ios-browsers-outline"></i> 教师讲卷</a>
                                    <ul class="nav nav-subnav">

                                        <li>
                                            <a href="scoreAndPapers.html">成绩与答卷</a>
                                        </li>

                                        <li>
                                            <a href="highScoreComposition.html">高分作文</a>
                                        </li>

                                        <li>
                                            <a href="topicScore.html">试题得分情况</a>
                                        </li>

                                        <li>
                                            <a href="subAnalyzeReport.html">学科分析报表</a>
                                        </li>
                                    </ul>
                                </li>

                                <li class="nav-item nav-item-has-subnav">
                                    <a href="javascript:void(0)"><i class="ion-social-javascript-outline"></i> 用户中心</a>
                                    <ul class="nav nav-subnav">

                                        <li>
                                            <a href="schoolManager.html">学校管理</a>
                                        </li>

                                        <li>
                                            <a href="subManager.html">学科管理</a>
                                        </li>
										
                                        <li>
                                            <a href="gradeManager.html">年级管理</a>
                                        </li>
										
										<li>
										    <a href="gradeAndSubManager.html">年级与学科关系维护</a>
										</li>
										
										<li>
										    <a href="teaManager.html">教师管理</a>
										</li>
										
                                        <li>
                                            <a href="classManager.html">班级管理</a>
                                        </li>
										
										<li>
										    <a href="stuManager.html">学生管理</a>
										</li>
										
                                        <li>
                                            <a href="subAdnClassAnager.html">学科与班级关系维护</a>
                                        </li>
                                    </ul>
                                </li>

                            </ul>
                        </nav>
                        <!-- End drawer navigation -->

                        <div class="drawer-footer">
                            <p class="copyright">Copyright &copy; 2020.北京万邦易嵌科技有限公司.<a target="_blank" href="http://www.wanbangee.com">万邦易嵌</a></p>
                        </div>
                    </div>
                    <!-- End drawer scroll area -->
                </aside>
                <!-- End drawer -->

                <!-- Header -->
                <header class="app-layout-header">
                    <nav class="navbar navbar-default">
                        <div class="container-fluid">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar-collapse" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
                                <button class="pull-left hidden-lg hidden-md navbar-toggle" type="button" data-toggle="layout" data-action="sidebar_toggle">
					<span class="sr-only">Toggle drawer</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
                                <span class="navbar-page-title">
					
					Dashboard
				</span>
                            </div>

                            <div class="collapse navbar-collapse" id="header-navbar-collapse">
                                <!-- Header search form -->
                                <form class="navbar-form navbar-left app-search-form" role="search">
                                    <div class="form-group">
                                        <div class="input-group">
                                            <input class="form-control" type="search" id="search-input" placeholder="Search..." />
                                            <span class="input-group-btn">
								<button class="btn" type="button"><i class="ion-ios-search-strong"></i></button>
							</span>
                                        </div>
                                    </div>
                                </form>

                                <ul id="main-menu" class="nav navbar-nav navbar-left">
                                    <li class="dropdown">
                                        <a href="#" data-toggle="dropdown">English <span class="caret"></span></a>

                                        <ul class="dropdown-menu">
                                            <li><a href="javascript:void(0)">French</a></li>
                                            <li><a href="javascript:void(0)">German</a></li>
                                            <li><a href="javascript:void(0)">Italian</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" data-toggle="dropdown">Pages <span class="caret"></span></a>

                                        <ul class="dropdown-menu">
                                            <li><a href="javascript:void(0)">Analytics</a></li>
                                            <li><a href="javascript:void(0)">Visits</a></li>
                                            <li><a href="javascript:void(0)">Changelog</a></li>
                                        </ul>
                                    </li>
                                </ul>
                                <!-- .navbar-left -->

                                <ul class="nav navbar-nav navbar-right navbar-toolbar hidden-sm hidden-xs">
                                    <li>
                                        <!-- Opens the modal found at the bottom of the page -->
                                        <a href="javascript:void(0)" data-toggle="modal" data-target="#apps-modal"><i class="ion-grid"></i></a>
                                    </li>

                                    <li class="dropdown">
                                        <a href="javascript:void(0)" data-toggle="dropdown"><i class="ion-ios-bell"></i> <span class="badge">3</span></a>
                                        <ul class="dropdown-menu dropdown-menu-right">
                                            <li class="dropdown-header">Profile</li>
                                            <li>
                                                <a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">3</span> News </a>
                                            </li>
                                            <li>
                                                <a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">1</span> Messages </a>
                                            </li>
                                            <li class="divider"></li>
                                            <li class="dropdown-header">More</li>
                                            <li>
                                                <a tabindex="-1" href="javascript:void(0)">Edit Profile..</a>
                                            </li>
                                        </ul>
                                    </li>
                                     <li id="schoolname" class="dropdown" style="margin-right: 0px;padding-top: 20px;padding-bottom: 20px;font-weight: 500">南昌一中</li>
                                    <li class="dropdown dropdown-profile">
                                        <a href="javascript:void(0)" data-toggle="dropdown">
                                            <span id="loginName" class="m-r-sm" > </span>
                                            <img class="img-avatar img-avatar-48" src="assets/img/photos/dijia.png" alt="User profile pic" />
                                        </a>
                                        <ul class="dropdown-menu dropdown-menu-right">
                                            <li class="dropdown-header">
                                                个人中心
                                            </li>
                                            <li>
                                                <a href="accountinfo.html">用户信息及密码修改</a>
                                            </li>
                                            <!-- <li>
                                                <a href="base_pages_profile.html"><span class="badge badge-success pull-right">3</span> Blog</a>
                                            </li> -->
                                            <li>
                                                <a id="loginout" href="login.html">注销</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                                <!-- .navbar-right -->
                            </div>
                        </div>
                        <!-- .container-fluid -->
                    </nav>
                    <!-- .navbar-default -->
                </header>
                <!-- End header -->

                <main class="app-layout-content">

                    <!-- Page Content -->
                    <div class="container-fluid p-y-md">
                        <!-- Stats -->
                        <div class="row">
                            <div class="col-sm-6 col-lg-3">
                                <a class="card" href="javascript:void(0)">
                                    <div class="card-block clearfix">
                                        <div class="pull-right">
                                            <p class="h6 text-muted m-t-0 m-b-xs">Revenue</p>
                                            <p class="h3 text-blue m-t-sm m-b-0">$120.9k</p>
                                        </div>
                                        <div class="pull-left m-r">
                                            <span class="img-avatar img-avatar-48 bg-blue bg-inverse"><i class="ion-ios-bell fa-1-5x"></i></span>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <!-- .col-sm-6 -->

                            <div class="col-sm-6 col-lg-3">
                                <a class="card bg-green bg-inverse" href="javascript:void(0)">
                                    <div class="card-block clearfix">
                                        <div class="pull-right">
                                            <p class="h6 text-muted m-t-0 m-b-xs">Total visitors</p>
                                            <p class="h3 m-t-sm m-b-0">920 000</p>
                                        </div>
                                        <div class="pull-left m-r">
                                            <span class="img-avatar img-avatar-48 bg-gray-light-o"><i class="ion-ios-people fa-1-5x"></i></span>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <!-- .col-sm-6 -->

                            <div class="col-sm-6 col-lg-3">
                                <a class="card bg-blue bg-inverse" href="javascript:void(0)">
                                    <div class="card-block clearfix">
                                        <div class="pull-right">
                                            <p class="h6 text-muted m-t-0 m-b-xs">Revenue</p>
                                            <p class="h3 m-t-sm m-b-0">$340.5k</p>
                                        </div>
                                        <div class="pull-left m-r">
                                            <span class="img-avatar img-avatar-48 bg-gray-light-o"><i class="ion-ios-speedometer fa-1-5x"></i></span>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <!-- .col-sm-6 -->

                            <div class="col-sm-6 col-lg-3">
                                <a class="card bg-purple bg-inverse" href="javascript:void(0)">
                                    <div class="card-block clearfix">
                                        <div class="pull-right">
                                            <p class="h6 text-muted m-t-0 m-b-xs">Messages</p>
                                            <p class="h3 m-t-sm m-b-0">3 new</p>
                                        </div>
                                        <div class="pull-left m-r">
                                            <span class="img-avatar img-avatar-48 bg-gray-light-o"><i class="ion-ios-email fa-1-5x"></i></span>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <!-- .col-sm-6 -->
                        </div>
                        <!-- .row -->
                        <!-- End stats -->

                        <div class="row">
                            <!-- Company overview Chart -->
                            <div class="col-lg-8">
                                <div class="card">
                                    <div class="card-header bg-blue bg-inverse">
                                        <h4>Company overview</h4>
                                        <ul class="card-actions">
                                            <li>
                                                <span class="label bg-green">Stat<span class="hidden-xs">istic</span>s <i class="ion-connection-bars"></i></span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="card-block p-b-0 bg-blue bg-inverse">
                                        <!-- Chart.js Charts (initialized in js/pages/base_pages_dashboard.js), for more examples please check http://www.chartjs.org/docs/ -->
                                        <div style="height: 200px;"><canvas class="js-chartjs-lines1"></canvas></div>
                                    </div>
                                    <div class="card-block">
                                        <div class="row">
                                            <div class="col-xs-6 col-lg-3 b-r">
                                                <p class="h6 small text-muted">Yearly change</p>
                                                <p class="h3 m-t-0 m-b-md">+214.22</p>
                                                <div class="progress progress-mini m-b-sm">
                                                    <div class="progress-bar progress-bar-green" role="progressbar" aria-valuenow="76" aria-valuemin="0" aria-valuemax="100" style="width: 76%"></div>
                                                </div>
                                            </div>
                                            <div class="col-xs-6 col-lg-3 b-r visible-lg">
                                                <p class="h6 small text-muted">Shares trade</p>
                                                <p class="h3 m-t-0 m-b-md">$28.74M</p>
                                                <div class="progress progress-mini m-b-sm">
                                                    <div class="progress-bar progress-bar-green" role="progressbar" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100" style="width: 84%"></div>
                                                </div>
                                            </div>
                                            <div class="col-xs-6 col-lg-3 b-r visible-lg">
                                                <p class="h6 small text-muted">Yearly change</p>
                                                <p class="h3 m-t-0 m-b-md">+74%</p>
                                                <div class="progress progress-mini m-b-sm">
                                                    <div class="progress-bar progress-bar-green" role="progressbar" aria-valuenow="74" aria-valuemin="0" aria-valuemax="100" style="width: 74%"></div>
                                                </div>
                                            </div>
                                            <div class="col-xs-6 col-lg-3">
                                                <p class="h6 small text-muted">Total revenue</p>
                                                <p class="h3 m-t-0 m-b-md">$74.23M</p>
                                                <div class="progress progress-mini m-b-sm">
                                                    <div class="progress-bar progress-bar-green" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- .row -->
                                    </div>
                                    <!-- .card-block -->
                                </div>
                                <!-- .card -->
                            </div>
                            <!-- .col-lg-8 -->
                            <!-- End Company overview Chart -->

                            <!-- Weekly transactions Widget -->
                            <div class="col-lg-4">
                                <div class="card">
                                    <div class="card-header">
                                        <h4>Weekly transactions</h4>
                                        <ul class="card-actions">
                                            <li class="dropdown">
                                                <button type="button" data-toggle="dropdown"><i class="ion-more"></i></button>
                                                <ul class="dropdown-menu dropdown-menu-right">
                                                    <li class="dropdown-header">Profile</li>
                                                    <li>
                                                        <a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">3</span> News</a>
                                                    </li>
                                                    <li>
                                                        <a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">1</span> Messages</a>
                                                    </li>
                                                    <li class="divider"></li>
                                                    <li class="dropdown-header">More</li>
                                                    <li>
                                                        <a tabindex="-1" href="javascript:void(0)">Edit Profile..</a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                        <!-- .card-actions -->
                                    </div>
                                    <!-- .card-header -->
                                    <div class="card-block p-b-0">
                                        <div style="height: 268px;"><canvas class="js-chartjs-lines2"></canvas></div>
                                    </div>
                                    <div class="card-block text-center">
                                        <span class="label bg-green m-r-xs">Statistics <i class="ion-connection-bars"></i></span> <small>for the <a href="javascript:void(0)">last year</a></small>
                                    </div>
                                </div>
                            </div>
                            <!-- .col-lg-4 -->
                            <!-- End Weekly transactions Widget -->
                        </div>
                        <!-- .row -->

                        <div class="row">

                            <div class="col-lg-4">
                                <!-- Weekly users Widget -->
                                <div class="card">
                                    <div class="card-header">
                                        <h4>Weekly users</h4>
                                        <ul class="card-actions">
                                            <li class="dropdown">
                                                <button type="button" data-toggle="dropdown"><i class="ion-more"></i></button>
                                                <ul class="dropdown-menu dropdown-menu-right">
                                                    <li class="dropdown-header">Profile</li>
                                                    <li>
                                                        <a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">3</span> News</a>
                                                    </li>
                                                    <li>
                                                        <a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">1</span> Messages</a>
                                                    </li>
                                                    <li class="divider"></li>
                                                    <li class="dropdown-header">More</li>
                                                    <li>
                                                        <a tabindex="-1" href="javascript:void(0)">Edit Profile..</a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="card-block">
                                        <div style="height: 238px;"><canvas class="js-chartjs-bars"></canvas></div>
                                    </div>
                                    <div class="card-block text-center">
                                        <span class="label bg-green m-r-xs">Statistics <i class="ion-connection-bars"></i></span> <small>for the <a href="javascript:void(0)">last year</a></small>
                                    </div>
                                </div>
                                <!-- .card -->
                                <!-- End Weekly users Widget -->
                            </div>
                            <!-- .col-lg-4 -->

                            <div class="col-lg-8">
                                <!-- Transactions history Widget -->
                                <div class="card">
                                    <div class="card-header">
                                        <h4>Transactions history</h4>
                                        <ul class="card-actions">
                                            <li class="dropdown">
                                                <button type="button" data-toggle="dropdown"><i class="ion-more"></i></button>
                                                <ul class="dropdown-menu dropdown-menu-right">
                                                    <li class="dropdown-header">Profile</li>
                                                    <li>
                                                        <a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">3</span> News</a>
                                                    </li>
                                                    <li>
                                                        <a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">1</span> Messages</a>
                                                    </li>
                                                    <li class="divider"></li>
                                                    <li class="dropdown-header">More</li>
                                                    <li>
                                                        <a tabindex="-1" href="javascript:void(0)">Edit Profile..</a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="card-block">
                                        <div style="height: 238px;"><canvas class="js-chartjs-lines3"></canvas></div>
                                    </div>
                                    <div class="card-block text-center">
                                        <span class="label bg-green m-r-xs">Statistics <i class="ion-connection-bars"></i></span> <small>for the <a href="javascript:void(0)">last year</a></small>
                                    </div>
                                </div>
                                <!-- .card -->
                                <!-- End Transactions history Widget -->
                            </div>
                            <!-- .col-lg-8 -->
                        </div>
                        <!-- .row -->

                        <div class="row">
                            <div class="col-lg-8">
                                <!-- Yearly summary widget -->
                                <div class="card">
                                    <div class="card-header">
                                        <h4>Yearly summary</h4>
                                        <ul class="card-actions">
                                            <li class="dropdown">
                                                <button type="button" data-toggle="dropdown"><i class="ion-more"></i></button>
                                                <ul class="dropdown-menu dropdown-menu-right">
                                                    <li class="dropdown-header">Profile</li>
                                                    <li>
                                                        <a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">3</span> News</a>
                                                    </li>
                                                    <li>
                                                        <a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">1</span> Messages</a>
                                                    </li>
                                                    <li class="divider"></li>
                                                    <li class="dropdown-header">More</li>
                                                    <li>
                                                        <a tabindex="-1" href="javascript:void(0)">Edit Profile..</a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                        <!-- .card-actions -->
                                    </div>
                                    <!-- .card-header -->
                                    <div class="card-block">
                                        <div class="row">
                                            <div class="col-sm-4">
                                                <p class="h6 small text-muted">Yearly change</p>
                                                <p class="h3 m-t-0">+214.22</p>
                                                <!-- Chart.js Charts (initialized in js/pages/base_pages_dashboard.js), for more examples please check http://www.chartjs.org/docs/ -->
                                                <div style="height: 120px;"><canvas class="js-chartjs-lines4"></canvas></div>
                                            </div>
                                            <div class="col-sm-4">
                                                <p class="h6 small text-muted">Shares trade</p>
                                                <p class="h3 m-t-0">$28.74M</p>
                                                <!-- Chart.js Charts (initialized in js/pages/base_pages_dashboard.js), for more examples please check http://www.chartjs.org/docs/ -->
                                                <div style="height: 120px;"><canvas class="js-chartjs-lines5"></canvas></div>
                                            </div>
                                            <div class="col-sm-4">
                                                <p class="h6 small text-muted">Yearly change</p>
                                                <p class="h3 m-t-0">+74%</p>
                                                <!-- Chart.js Charts (initialized in js/pages/base_pages_dashboard.js), for more examples please check http://www.chartjs.org/docs/ -->
                                                <div style="height: 120px;"><canvas class="js-chartjs-lines6"></canvas></div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- .card-block -->
                                </div>
                                <!-- .card -->
                                <!-- End Yearly summary widget -->
                            </div>
                            <!-- .col-lg-8 -->

                            <!-- Server load Widget -->
                            <div class="col-lg-4">
                                <div class="card">
                                    <div class="card-header bg-purple bg-inverse">
                                        <h4>Server load</h4>
                                        <ul class="card-actions">
                                            <li>
                                                <span class="js-flot-live-info"></span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="card-block bg-purple p-x-0 p-b-0">
                                        <!-- Live Chart Container -->
                                        <div class="js-flot-live" style="height: 207px;"></div>
                                    </div>
                                </div>
                                <!-- .card -->
                            </div>
                            <!-- End Server load Widget // .col-lg-4 -->
                        </div>
                        <!-- .row -->
                    </div>
                    <!-- .container-fluid -->
                    <!-- End Page Content -->

                </main>

            </div>
            <!-- .app-layout-container -->
        </div>
        <!-- .app-layout-canvas -->

        <!-- Apps Modal -->
        <!-- Opens from the button in the header -->
        <div id="apps-modal" class="modal fade" tabindex="-1" role="dialog">
            <div class="modal-sm modal-dialog modal-dialog-top">
                <div class="modal-content">
                    <!-- Apps card -->
                    <div class="card m-b-0">
                        <div class="card-header bg-app bg-inverse">
                            <h4>Apps</h4>
                            <ul class="card-actions">
                                <li>
                                    <button data-dismiss="modal" type="button"><i class="ion-close"></i></button>
                                </li>
                            </ul>
                        </div>
                        <div class="card-block">
                            <div class="row text-center">
                                <div class="col-xs-6">
                                    <a class="card card-block m-b-0 bg-app-secondary bg-inverse" href="index.html">
                                        <i class="ion-speedometer fa-4x"></i>
                                        <p>Admin</p>
                                    </a>
                                </div>
                                <div class="col-xs-6">
                                    <a class="card card-block m-b-0 bg-app-tertiary bg-inverse" href="frontend_home.html">
                                        <i class="ion-laptop fa-4x"></i>
                                        <p>Frontend</p>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!-- .card-block -->
                    </div>
                    <!-- End Apps card -->
                </div>
            </div>
        </div>
        <!-- End Apps Modal -->

        <div class="app-ui-mask-modal"></div>

        <!-- AppUI Core JS: jQuery, Bootstrap, slimScroll, scrollLock and App.js -->
        <script src="assets/js/core/jquery.min.js"></script>
        <script src="assets/js/core/bootstrap.min.js"></script>
        <script src="assets/js/core/jquery.slimscroll.min.js"></script>
        <script src="assets/js/core/jquery.scrollLock.min.js"></script>
        <script src="assets/js/core/jquery.placeholder.min.js"></script>
        <script src="assets/js/app.js"></script>
        <script src="assets/js/app-custom.js"></script>

        <!-- Page Plugins -->
        <script src="assets/js/plugins/slick/slick.min.js"></script>
        <script src="assets/js/plugins/chartjs/Chart.min.js"></script>
        <script src="assets/js/plugins/flot/jquery.flot.min.js"></script>
        <script src="assets/js/plugins/flot/jquery.flot.pie.min.js"></script>
        <script src="assets/js/plugins/flot/jquery.flot.stack.min.js"></script>
        <script src="assets/js/plugins/flot/jquery.flot.resize.min.js"></script>

        <!-- Page JS Code -->
        <script src="assets/js/pages/index.js"></script>
        <script>
            $(function()
            {
                // Init page helpers (Slick Slider plugin)
                App.initHelpers('slick');
            });
        </script>

    </body>

</html>